a{color: #333;text-decoration: none;}
a:hover{color: #333;}

.main{
    width:1200px;
    margin: 80px auto; clear: both;
}
.main >ul{
    clear: both;list-style: none;
    padding:0;
}
.main >ul>li{
    float: left;
    border: solid 1px #dedede;
    margin: 18px;
    height:auto;
}

.main .img{
    display: block;padding: 5px;
}

.main .name,.main .city,.main .price{
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    height:24px;
}
.body-left,.body-right{border: solid 1px #dedede;}
.body-left{width: 960px;margin-left: 20px;float: left;height:auto;}
.body-left .title{ font-size: 22px;text-align: center;
    line-height:30px;
    height: 30px;}
.body-left .info{font-size: 12px;color:#dedede;text-align: center;}
.body-left .pic{padding: 30px;text-align: center;}
.body-left .pic img{width: 500px;
    height:auto;}
.body-left .nodata{font-size: 24px;text-align: center;}

.body-right{width: 200px;float: right;height:auto;}
.body-right .title{display: block;font-size: 22px;text-align: center;
    line-height:35px;
    height:35px;}
.body-right .info{text-align: center;
    line-height:24px;}